<%@ page pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<fmt:setLocale value="en_UK" />
<fmt:setBundle basename="gestiontransferencias.index"
               var="b" />
<!DOCTYPE html>
<html>
<!-- *** -->
<%-- *** --%>
    <head>
        <title>BankOf :: Transferencias</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/estilos/default.css" />
        <link rel="alternate stylesheet" type="text/css" 
              title="Alta accesibilidad" href="${pageContext.request.contextPath}/estilos/altaaccesibilidad.css" />
     
        <script src="${pageContext.request.contextPath}/jslib/validacion.js"></script>
        
    </head>
    <body>
        <div id="cabecera">
            <h1>Transferencia</h1>
            <span>
                <img class="logotipo" src="${pageContext.request.contextPath}/imagenes/logo.jpg" 
                     alt="Logotipo de Bankof"/>
            </span>
        </div>
        <div id="descripcion">
            <p>
                Lorem ipsum dolor sit amet 
                <fmt:formatDate dateStyle="short" 
                                value="${requestScope.fecha}" />
                , consectetur adipiscing elit. Morbi sodales nibh at odio tincidunt imperdiet. Phasellus facilisis euismod risus. Pellentesque ante dui, scelerisque non porttitor vitae.
                consectetur adipiscing elit. Morbi sodales nibh at odio tincidunt imperdiet. Phasellus facilisis euismod risus. Pellentesque ante dui, scelerisque non porttitor vitae.
            </p>
            <p>
                <%--
            <c:forEach begin="1" end="10" var="contador">
                    ${contador} *
            </c:forEach>
                --%>
            </p>
        </div>
        <div id="principal">
            <img class="ilustracion" src="transfer.png" alt="Transferencias"/>
            <form method="POST" action="ctrl"  >
                <c:if test="${not empty requestScope.listaErrores}">
                    <h3>Errores</h3>
                    <ul>
                        <c:forEach var="errorActual" items="${requestScope.listaErrores}">
                            <li>${errorActual}</li>
                        </c:forEach>
                    </ul>
                </c:if>
                
                <c:set var="origenAccessKey"><fmt:message bundle="${b}" key="index.origen.label.accesskey"/></c:set> 
                <h3><fmt:message bundle="${b}" key="index.origen.label"/></h3>
                <c:forEach items="${requestScope.cuentasUsuarioActual}"
                           var="cc" varStatus="status">
                    <c:choose>
                        <c:when test="${cc.codigo == param.origen or status.index == 0}"> 
                            <input type="radio" name="origen" value="${cc.codigo}" checked="true" />
                        </c:when>
                        <c:otherwise>
                            <input type="radio" name="origen" value="${cc.codigo}"  />
                        </c:otherwise>    
                    </c:choose>
                    CC Nº ${cc.codigo} - (${cc.saldo}€)<br/> 
                </c:forEach>
                    
                <%--
                <select id="lstCodigoOrigen" name="origen" size="1">
                    <option value="">-- Seleccione una Cuenta Corriente --</option>
                   
                    
                    <c:forEach items="${requestScope.cuentasUsuarioActual}"
                               var="cc">
                        <option value="${cc.codigo}">CC Nº ${cc.codigo} - (${cc.saldo}€)</option>
                    </c:forEach>
                    
                </select>
                --%>
                <br/>
                
                <c:set var="destinoAccessKey">
                    <fmt:message bundle="${b}" key="index.destino.label.accesskey"/>
                </c:set>
                <label for="txtDestino" accesskey="${destinoAccessKey}">
                    <fmt:message bundle="${b}" key="index.destino.label"/>
                </label>
                <input id="txtDestino" type="text" name="destino" value="${param.destino}"
                       obligatorio="true" formato="^\d{4}$"
                       mensajeError="Destino es obligatorio y tiene un formato 0000."
                       />
                <span id="errTxtDestino"></span>
                <br/>        
                
                <c:set var="importeAccessKey">
                    <fmt:message bundle="${b}" key="index.importe.label.accesskey"/>
                </c:set>
                <label for="txtImporte" accesskey="${importeAccessKey}">
                    <fmt:message bundle="${b}" key="index.importe.label"/>
                </label>
                <input id="txtImporte" type="text" name="importe" value="${param.importe}" 
                       obligatorio="true" formato="^[1-9]\d*(\.\d+)?$" 
                       mensajeError="El importe es un número obligatorio."/>
                <span id="errTxtImporte" ></span>
                <br/>        
                
                <h3>Acuse de recibo:</h3> 
                <input id="rbReciboDesactivado" type="radio" name="recibo" value="" 
                       ${(empty param.recibo) || (param.recibo == '') ? 'checked="true"' : ''}/>
                    Desactivado 
                <br/>
                <input id="rbReciboEmail" type="radio" name="recibo" value="email" 
                       ${param.recibo == 'email' ? 'checked="true"' : ''}/>
                    Por email
                <br/>
                <input id="rbReciboSMS" type="radio" name="recibo" value="sms" 
                       ${param.recibo == 'sms' ? 'checked="true"' : ''} />
                    Por SMS
                <br/>
                <div class="botonera">
                    <c:set var="labelAceptar">
                        <fmt:message bundle="${b}" key="index.aceptar.label"/>
                    </c:set>
                    <input type="submit" name="aceptar" value="${labelAceptar}" />
                    <input type="submit" name="cancelar" value="Cancelar" />
                    <input type="submit" name="ayuda" value="Ayuda" />
                </div>
            </form>
            
             
                    
        </div>        
        <div id="piepagina">
            <p>Phasellus loboris <span class="advertencia">purus in metus</span> hendrerit vitae semper magna viverra.</p>
        </div>
    </body>
</html>
